<template>
  <div>
    <h1>Page/user/index.vue</h1>
    <ul>
      <li v-for="(item, index) in list" :key="index">
        {{ item.name }}
      </li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  data () {
    return {
      // list: []
    }
  },
  // 如果要在 nuxt 中进行 SSR, 需要使用到函数： asyncData
  async asyncData () {
    const res = await axios({
      url: 'http://ttapi.research.itcast.cn/app/v1_0/user/channels'
    })
    // console.log(res.data.data.channels)
    // this.list = res.data.data.channels
    // console.log(this)
    return {
      list: res.data.data.channels
    }
  }
}
</script>

<style scoped></style>
